<template>
	<div>
		<navHeader :title="$t('l_tixianjilu')"></navHeader>

		<div class="con">
			<div class="conheader">
				<select name="" id="">
					<option value="0">{{$t('l_jintian')}}</option>
					<option value="1">{{$t('l_zuotian')}}</option>
					<option value="7">{{$t('l_jinqitian')}}</option>
					<option value="15">{{$t('l_jin15tian')}}</option>
					<option value="30">{{$t('l_jin30tian')}}</option>
					<option value="-1">{{$t('l_quanbu')}}</option>
				</select>
				<div class="right">{{$t('l_lingquzonge')}} <span
						style="color: #ffaa09;padding-left: .12rem;">0.00</span></div>
			</div>
			<div class="nodata">
				<img src="../../assets/images/yh/nodata.png" alt="">
				<div>{{$t('l_zanwujilu')}}</div>
			</div>
		</div>
	</div>
</template>

<script>
	import navHeader from '../../components/navHeader.vue'
	export default {
		components: {
			navHeader
		},
		data() {
			return {

			}
		},
	}
</script>

<style scoped>
	* {
		box-sizing: border-box;
	}

	.header {
		width: 100%;
		height: 0.9rem;
		position: fixed;
		top: 0;
		background: var(--theme-main-bg-color);
		left: 0;
		border-bottom: 0.01rem solid var(--theme-color-line);
		z-index: 100;
		padding: 0 .1rem 0 .2rem;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.header .left {
		font-size: .24rem;
		height: 0.8rem;
		width: 0.8rem;
		display: flex;
		align-items: center;
		color: var(--theme-text-color);
		cursor: pointer;
	}

	.title {
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 0 0.34rem;
		font-size: .3rem;
		margin-top: -0.014rem;
		color: #fff;
		text-align: center;
	}

	.header .right {
		height: 0.8rem;
		width: 0.8rem;
	}

	.con {
		width: 100%;
		padding: 0 0.2rem;
		padding-top: 0.2rem;
	}

	.conheader {
		width: 100%;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	select {
		max-width: 3.15rem;
		min-width: 1.6rem;
		width: auto !important;
		list-style: none;
		margin: 0;
		line-height: 1.5;
		outline: 0;
		background-color: var(--theme-top-nav-bg)!important;
		border-radius: 0.5rem;
		box-shadow: none;
		color: var(--theme-text-color);
		font-size: .2rem;
		height: 0.5rem !important;
		text-align: center;
		border-color: var(--theme-color-line);
	}

	select:focus {
		border-color: var(--theme-primary-color);
	}

	option {
		color: var(--theme-text-color);
	}

	.conheader .right {
		font-size: .22rem;
		line-height: 1.5;
		color: var(--theme-alt-neutral-2);
	}

	.nodata {
		margin: 0 auto;
		text-align: center;
		margin-top: 2rem;
	}

	.nodata img {
		height: 3.62rem;
		margin-bottom: 0.1rem;
		margin: 0 auto;
		width: 4rem;
	}

	.nodata div {
		color: var(--theme-alt-neutral-2);
		font-size: .26rem;
	}
</style>